{% case icon %}
{% when "video" %}
<svg class="video-icon" height="{{height}}" p-id="7442" t="1661151421785" version="1.1"
  viewbox="0 0 1024 1024" height="{{height}}" xmlns="http://www.w3.org/2000/svg">
  <path d="M1024 512.236308A512 512 0 1 1 512 0a512.590769 512.590769 0 0 1 512 512.236308"
    fill="#D9DFE9" p-id="7443"></path>
  <path
    d="M691.396923 512.236308a58.801231 58.801231 0 0 1-12.248615 36.312615 187.352615 187.352615 0 0 1-14.217846 15.990154l-3.072 2.953846a775.876923 775.876923 0 0 1-203.106462 135.364923 176.482462 176.482462 0 0 1-47.261538 13.942154h-2.008616a64.196923 64.196923 0 0 1-56.477538-33.792 276.873846 276.873846 0 0 1-12.248616-45.331692 903.837538 903.837538 0 0 1-7.640615-126.03077 780.327385 780.327385 0 0 1 8.664615-129.96923 323.308308 323.308308 0 0 1 9.176616-36.352 65.024 65.024 0 0 1 28.514461-30.79877 72.625231 72.625231 0 0 1 32.019693-7.483076 176.915692 176.915692 0 0 1 42.299076 11.460923 779.067077 779.067077 0 0 1 207.675077 137.334153c7.168 7.010462 14.808615 15.478154 16.817231 17.447385a61.833846 61.833846 0 0 1 13.233231 38.793846"
    fill="#555273" p-id="7444"></path>
</svg>
{% when "prev" %}
<svg class="icon" height="{{height}}" p-id="24369" t="1642570712144" version="1.1"
  viewbox="0 0 1024 1024" width="{{width}}" xmlns="http://www.w3.org/2000/svg">
  <path d="M85.333333 512.042667l320-256v213.333333H1024v85.333333H405.333333v213.333334z"
    fill="#999999" p-id="24370"></path>
</svg>
{% when "next" %}
<svg class="icon" height="{{height}}" p-id="2600" t="1642570805735" version="1.1"
  viewbox="0 0 1024 1024" width="{{width}}" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M938.666667 511.957333l-320 256 0-213.333333L0 554.624l0-85.333333L618.666667 469.290667l0-213.333334z"
    fill="#1D1F21" p-id="2601"></path>
</svg>
{% when "arrow-left" %}
<svg t="1646361137821" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="2881" width="{{width}}" height="{{height}}">
  <path
    d="M704.5632 909.1072a43.5712 43.5712 0 0 0 0-60.5696l-324.1984-332.8 324.1984-332.8a43.5712 43.5712 0 0 0 0-60.5696 40.96 40.96 0 0 0-58.9312 0l-353.6896 363.1104a43.5712 43.5712 0 0 0 0 60.5696L645.632 909.1072a40.96 40.96 0 0 0 58.9312 0z"
    fill="#262626" p-id="2882"></path>
</svg>
{% when "arrow-right" %}
<svg t="1646295528525" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="3178" width="{{width}}" height="{{height}}">
  <path
    d="M319.4368 114.8928a43.5712 43.5712 0 0 0 0 60.5696l324.1984 332.8-324.1984 332.8a43.5712 43.5712 0 0 0 0 60.5696 40.96 40.96 0 0 0 58.9312 0l353.6896-363.1104a43.5712 43.5712 0 0 0 0-60.5696L378.368 114.8928a40.96 40.96 0 0 0-58.9312 0z"
    fill="#262626" p-id="3179"></path>
</svg>
{% endcase %}